<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>取消预约</title>
    <!--引入elementui得样式-->
    <link type="text/css" rel="stylesheet" href="/css/index.css" />
    <!--引入vue得依赖必须再elementui之前引入vue-->
    <script type="text/javascript" src="/js/vue.js"></script>
    <script type="text/javascript" src="/js/index.js"></script>
    <script type="text/javascript" src="/js/axios.min.js"></script>
    <script type="text/javascript" src="/js/qs.min.js"></script>
</head>
<body>
    <div id="app">
        <div class="tou"><h2><span>取消预约</span></h2></div>
        <div class="haha">
            <el-form :label-position="labelPosition" label-width="80px" :model="formLabelAlign">
            <el-form-item label="请输入患者姓名">
                <el-input v-model="formLabelAlign.regName"></el-input>
            </el-form-item>
            <el-form-item label="请输入患者身份证号">
                <el-input v-model="formLabelAlign.idcard"></el-input>
            </el-form-item>
            <el-form-item label="请输入患者手机号">
                <el-input v-model="formLabelAlign.phonenumber"></el-input>
            </el-form-item>
          </el-form>
            <el-button type="primary"  class="cha" @click="chaxun">查询</el-button>
            <el-button type="danger"   @click="quxiao">取消</el-button>
        </div>
    </div>
</body>
<script>
  var app = new Vue({
    el:"#app",
    data:{
      labelPosition: 'top',
      formLabelAlign: {"regName":"汪鹏","idcard":"5463267","phonenumber":"654321"},
    },
    methods:{
      chaxun(){
        location.href="quxiaoyuyuebiao.html?regName="+this.formLabelAlign.regName+"&idcard="+this.formLabelAlign.idcard+"&phonenumber="+this.formLabelAlign.phonenumber;
      },
        quxiao(){
          location.href="department.html";
        }
    },
  })
</script>
<style>
    #app{
        width: 400px;
        height: 470px;
        margin: 100px auto;
        border: 1px solid black;
    }
    .haha{
        margin: 0px 40px 25px 40px;
    }
    .tou{
        height:40px;
        line-height:40px;
        text-align: center
    }
    .cha{
        margin-left: 85px;
    }
</style>
</html>